/*pad*/
.gh {
	height:18px;
	width:1.5rem;
	right:4%;
	top:50%;
	margin-top:0px;
	position:absolute;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
	display:none;
}
.selected .gh {transform: rotate(90deg);margin-top:-9px; right:6%;}
.gh a,.gh a:after, .gh a:before {
	background-color:#000000;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {top:8px;}
.gh a:before {top:-8px;}
.selected .gh a:after, .selected .gh a:before {top: 0;}
.selected .gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.selected .gh a {background-color: transparent !important;}


@media only screen and (max-width:1700px){
	.i_gcal .i_tab div.c a.qh.pre{ margin-left:-40px;}
	.i_gcal .i_tab div.c a.qh.next{ margin-right:-40px;}
}
@media only screen and (max-width:1600px){
	.i_gcal .i_tab div.c .al{ width:1116px; margin:0px auto;}
	.i_gcal .i_tab div.c a.qh.pre{ margin-left:0px;}
	.i_gcal .i_tab div.c a.qh.next{ margin-right:0px;}
	.foot_bg div.c ul.fl li{ padding-right:2%;}
	
	.i_ptjs{ height:900px;background-size:auto 100%;}
	.i_ptjs .device .scroll, .i_ptjs .device .scroll ul{ height:610px;}
	.i_ptjs .device{ max-width:575px;}
	.i_ptjs .device .scroll ul li{ width:190px;}
	.i_ptjs .device .scroll ul li.f{ top:225px;}
	.i_ptjs .device .scroll ul li a div.bg{ width:154px; height:200px;}
	.i_ptjs .device .scroll ul li.t.l3, .i_ptjs .device .scroll ul li.f.l4, .i_ptjs .device .scroll ul li.t.l7, .i_ptjs .device .scroll ul li.f.l8, .i_ptjs .device .scroll ul li.t.l11, .i_ptjs .device .scroll ul li.f.l12, .i_ptjs .device .scroll ul li.t.l15, .i_ptjs .device .scroll ul li.f.l16{ padding-top:40px;}
	.i_ptjs .device .scroll ul li.f.l4{ left:190px;}
	.i_ptjs .device .scroll ul li.f.l6{ left:380px;}
	.i_ptjs .device .scroll ul li.f.l8{ left:570px;}
	.i_ptjs .device .scroll ul li.f.l10{ left:760px;}
	.i_ptjs .device .scroll ul li.f.l12{ left:950px;}
	.i_ptjs .device .scroll ul li.f.l14{ left:1140px;}
	.i_ptjs .device .scroll ul li.f.l16{ left:1330px;}
	.i_ptjs .device .scroll ul li.f.l18{ left:1520px;}
	.i_ptjs .device .scroll ul li.f.l20{ left:1710px;}
	.foot_bg div.c ul.fr li.d{ font-size:32px;}
	
}
@media only screen and (max-width:1500px){
	.i_news div.f div.c div.l{ width:55%;}
	.i_news div.f div.c ul.r{ width:44%;}
	.foot_bg div.c ul.fr li.d{ font-size:28px;}
}
@media only screen and (max-width:1400px){
	.header_bg .width1480 .menu_nav{ margin-left:25%;}
}
@media only screen and (max-width:1280px){
	.i_news div.f div.c ul.r li{ height:110px;}
	.i_news div.f div.c ul.r li a div.bg dl{ margin:14px 0px;}
	
	.foot_bg div.c ul.fl li{ padding-right:1%;}
}
@media only screen and (max-width:1200px){
	.header_bg .width1480 .menu_nav{ width:62%;}
	.header_bg .width1480 .menu_nav li{ width:auto; margin-right:10px;}
	.i_gcal .i_tab div.c .al{ width:900px;}
	.i_gcal .i_tab div.c .al ul li{ width:287px;}
	.i_gcal .i_tab div.c .al ul li a div.bg dl.t{ height:195px;}
	.i_ptjs{ height:1000px;background-size:auto 100%;}
	
	.page_banner{ height:400px;}
	.about div dl.tit{ font-size:25px; padding-bottom:20px;}
	.about div.a_t dl.f{ font-size:14px; line-height:28px;}
	.about div.a_c ul li div dl strong{ font-size:48px;}
	.about div.a_c ul li.a8 div dl strong{ font-size:30px;}
	.about div.a_f div.c div dd{ font-size:25px;}
	.about div.a_f div.c div dl{ font-size:14px; margin-top:10px; width:92%; margin:10px auto;}
	
}
@media only screen and (max-width:1100px){
	.header_bg .width1480 .right{ display:none;}
	.header_bg .width1480 .menu_nav{ width:70%; margin-left:30%;}
	.header_bg .width1480 .menu_nav li{ width:14.285%; margin-right:0px;}
	.i_news{ padding:60px 0px;}
}
@media only screen and (max-width:1000px){
	.i_gcal .i_tab div.c .al{ width:595px;}
}
@media only screen and (max-width:950px){
	
}
@media only screen and (max-width:800px){
	#i1,#i2,#i3,#i4,#i5,#i6,#i7{ padding-top:0px; margin-top:0px;}
	#i1 .i_top ul li{ opacity:1; margin-top:0px;}
	#i2 .i_tjcp .t{ opacity:1;}
	#i2 .i_tjcp ul{ opacity:1; margin-left:0px;}
	#i3 .t{ opacity:1;}
	#i3 .i_m_cp li{ opacity:1; margin-top:0px;}
	#i4 .i_ptjs div.t{ opacity:1;margin-left:0px;}
	#i4 .i_ptjs .device{ opacity:1;margin-left:0px;}
	#i5 .i_gcal div.t{ opacity:1;}
	#i5 .i_gcal .i_tab{ opacity:1;}
	#i6 .i_news div.t{ opacity:1;}
	#i6 .i_news div.f div.c div.l{ opacity:1;margin-left:0px;}
	#i6 .i_news div.f div.c ul.r{ opacity:1;margin-right:0px;}
	.pf{ display:none;}
	.width1480{ width:92%;}
	
	body{overflow-x:hidden; }
	.gh{ display:block;}
	.header_bg2.now, .header_bg, .header_bg .width1480{ height:70px;}
	.header_bg .width1480 .logo{ width:60%;}
	
	.header_bg .width1480 .menu_nav{ position:absolute; background-color:#ffffff;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.14); width:100%; margin-left:0; left:0px; margin-top:70px; padding:1rem 0px; display:none;}
	.header_bg.selected .width1480 .menu_nav{ display:block;}
	.header_bg .width1480 .menu_nav li{ width:100%; height:auto; position:relative !important;}
	.header_bg .width1480 .menu_nav li dd{ height:2rem; line-height:2rem;border-bottom:1px solid #f2f2f2;}
	.header_bg .width1480 .menu_nav li dd a{display: initial; margin-left:5%;}
	.header_bg .width1480 .menu_nav li div.bg{ position:relative; padding:0px; margin-top:0px; opacity:1;box-shadow:0px 0px 0px 0px rgba(0,0,0,0); display:none;}
	.header_bg .width1480 .menu_nav li.on div.bg{ display:block;}
	.header_bg .width1480 .menu_nav li div.bg dl{ font-size:14px; padding-left:10%;}
	
	.banner .flex-control-nav{ bottom:10px;}
	.banner .flex-control-nav li{ width:10px; height:10px; margin:0px 5px;}
	.i_top ul li{ width:100%; margin-bottom:2rem;}
	.i_top ul li div.bg{ width:100%;}
	.i_top ul li div.bg ol{ height:4rem;}
	
	.i_tit{ font-size:1.5rem;}
	
	.i_bg{ padding:2rem 0px;}
	.i_tjcp{ margin-bottom:2rem;}
	.i_tjcp .t{ margin-bottom:1rem;}
	.i_tjcp ul{ width:100%;}
	.i_tjcp ul li{ width:48%; height:auto; padding:1rem 0px; height:185px;}
	.i_tjcp ul li.l{ float:left;}
	.i_tjcp ul li.r{ float:right;}
	.i_tjcp ul li a div.bg{ position:relative;}
	.i_tjcp ul li a div.bg dd{ font-size:0.875rem; width:90%; padding:0px 5%;}
	.i_tjcp ul li a div.bg dl{ height:140px; margin-bottom:1rem; text-align:center;}
	.i_tjcp ul li a div.bg dl img{ position:relative; margin-bottom:-4px; margin-bottom:1rem;}
	
	.i_m_cp{ width:100%; margin-top:1rem;}
	.i_m_cp li{ width:47%; margin-right:0px; margin-bottom:1rem; height:240px;}
	.i_m_cp li.l{ float:left;}
	.i_m_cp li.r{ float:right;}
	.i_m_cp li .bg i{ width:40px; height:37px; bottom:20px;}
	.i_m_cp li .bg dd{ font-size:14px;}
	.i_m_cp li .bg dl{ height:150px; overflow:hidden;}
	.i_m_cp li .bg dl p a{ font-size:12px;}
	
	.i_ptjs{ height:740px;}
	.i_ptjs div.t dl.i_tit{ text-align:center;}
	.i_ptjs div.t dl.f{text-align-last: center; text-align:justify;}
	.i_ptjs .device{ max-width:380px; margin:20px auto 0px;}
	.i_ptjs .device .scroll, .i_ptjs .device .scroll ul{ height:470px;}
	.i_ptjs .device .scroll ul li.t.l3, .i_ptjs .device .scroll ul li.f.l4, .i_ptjs .device .scroll ul li.t.l7, .i_ptjs .device .scroll ul li.f.l8, .i_ptjs .device .scroll ul li.t.l11, .i_ptjs .device .scroll ul li.f.l12, .i_ptjs .device .scroll ul li.t.l15, .i_ptjs .device .scroll ul li.f.l16{ padding-top:0px;}

	
	.i_gcal .i_tab div.c .al, .i_gcal .i_tab div.c .al ul, .i_gcal .i_tab div.c .al ul li{ height:360px;}
	.i_gcal{ padding:2rem 0px;}
	.i_gcal div.t{ margin-bottom:1.5rem;}
	.i_gcal div.t dl.i_tit{ width:100%; margin-bottom:1rem;}
	.i_gcal div.t dl.r a{ margin-left:0px; margin-right:10px;}
	.i_gcal .i_tab{ margin-top:2rem;}
	.i_gcal .i_tab div.c .al{ width:260px;}
	.i_gcal .i_tab div.c .al ul li{ width:260px;}
	.i_gcal .i_tab div.c .al ul li a div.bg dl.t{ height:auto; max-height:176px;}
	
	.i_news{ padding:2rem 0px;}
	.i_news div.t{ margin-bottom:1.5rem;}
	.i_news div.t dl.r{ width:205px;}
	.i_news div.t dl.r a{ font-size:14px; width:90px; height:25px; line-height:25px;}
	.i_news div.f div.c div.l{ width:100%;}
	.i_news div.f div.c div.l div.t a div.bg span{ font-size:0.875rem;}
	.i_news div.f div.c div.l div.t a div.bg div dd{ font-size:0.875rem; margin-bottom:5px;}
	.i_news div.f div.c div.l div.t a div.bg div dl{ font-size:0.75rem;}
	.i_news div.f div.c ul.r{ width:100%;}
	.i_news div.f div.c div.l ul.f{ margin-top:-100px;}
	.i_news div.f div.c div.l ul.f li a div.bg dl.l,.i_news div.f div.c ul.r li a div.bg dl.l{ width:25%;}
	.i_news div.f div.c div.l ul.f li a div.bg dl.r,.i_news div.f div.c ul.r li a div.bg dl.r{ width:70%;}
	.i_news div.f div.c div.l ul.f li a div.bg dl.l ol.t,.i_news div.f div.c ul.r li a div.bg dl.l ol.t{ font-size:1.75rem;}
	.i_news div.f div.c div.l ul.f li a div.bg dl{ margin:10px 0px;height:60px; }
	.i_news div.f div.c div.l ul.f li,.i_news div.f div.c ul.r li{ height:80px; margin-bottom:1rem;}
	.i_news div.f div.c div.l ul.f li a div.bg dl,.i_news div.f div.c ul.r li a div.bg dl{ margin:10px auto;}
	.i_news div.f div.c div.l ul.f li a div.bg dl,.i_news div.f div.c ul.r li a div.bg dl{ height:60px;}
	.i_news div.f div.c div.l ul.f li a div.bg dl.r dd,.i_news div.f div.c ul.r li a div.bg dl.r dd{ font-size:16px; height:30px; line-height:30px;}
	.i_news div.f div.c div.l ul.f li a div.bg dl.r dl,.i_news div.f div.c ul.r li a div.bg dl.r dl{ font-size:14px; height:30px; line-height:30px;}
	
	.foot_bg div.t{ height:110px;}
	.foot_bg div.t a{ display:block; width:100%; margin-bottom:1rem; text-align:center;}
	.foot_bg div.t .nav{ width:100%; height:40px;}
	.foot_bg div.t .nav ul{ bottom:40px;}
	.foot_bg div.c{ padding:1.5rem 0px;}
	.foot_bg div.c ul.fl{ display:none;}
	.foot_bg div.c ul.fr{ width:100%;}
	.foot_bg div.c ul.fr li{ text-align:center;}
	.foot_bg div.f{ height:auto; line-height:2rem; padding:1rem 0px;}
	.foot_bg div.f span{ margin-right:0px; display:block; width:100%; text-align:center;}
	.foot_bg div.f .f_n{ position:relative; margin:0px auto; top:0px; margin-top:1rem;}
	
	.pf.now{ display:none;}
	.i_ptjs .device .scroll ul li a div.bg div{ text-align:center;}
	
	.page_banner{ height:240px;}
	.page_banner div.bg ol{ font-size:14px;}
	.page_banner div.bg dd{ font-size:24px;}
	.page_tit{ margin-top:1rem;}
	.page_tit div{ height:3rem; line-height:3rem;}
	.about div dl.tit{ font-size:20px;}
	.about div.a_t dl.f img{ margin-top:0px; margin-left:0px;}
	.about div.a_c{ margin-top:1rem;}
	.about div.a_c ul li{ width:50%; margin-bottom:1rem; height:100px; text-align:center;}
	.about div.a_c ul li div dd{ font-size:14px; line-height:20px;}
	.about div.a_c ul li div dl{ height:60px; line-height:60px;}
	.about div.a_c ul li div dl strong{ font-size:2rem; margin-right:10px;}
	.about div.a_c ul li.a8 div dl strong{ font-size:1.5rem;}
	.about div.a_f{ height:15rem;}
	.about div.a_f div.c{}
	.about div.a_f div.c div dd{ font-size:1.25rem;}
	
	.page_con{ margin-bottom:3rem;}
	.page_con .page_bg{ margin:1rem auto; min-height:200px;}
	.page_con .page_bg div.t{ font-size:20px; padding-bottom:1rem;}
	
	.qywh{ margin:1rem 0px;background-size:auto 100%; height:24rem;}
	.qywh div{ font-size:1rem; line-height:1.75rem;}
	
	.zzry ul.list{ padding:2rem 0px; width:100%;}
	.zzry ul.list li{ width:100%; height: auto;}
	.fzls{ margin:0px 0px 1rem;}
	.fzls li dl.l{ width:100%; margin-bottom:1rem; font-size:20px;}
	.fzls li dl.r{ width:100%; font-size:14px; line-height:25px;}
	
	.photo div.fl,.ypt div.fl{ width:100%; margin-bottom:1rem;}
	.photo div.fl dd,.ypt div.fl dd{ font-size:20px; padding-bottom:1rem; margin-bottom:1rem;}
	.photo div.fl ul{ display:none;}
	.photo div.fl ul li,.ypt div.fl ul li{ margin:0px; width:100%; float:left;}
	.photo div.fl ul li a,.ypt div.fl ul li a{ font-size:14px;}
	
	.photo div.fr,.ypt div.fr{ width:100%; border:0px; padding-left:0px;}
	.photo i.bg{ display:none;}
	.photo div.fr ul{ width:100%;}
	.photo div.fr ul li{ width:100%; margin-right:0px;}
	
	.photo_show div.c .tab div.i{ height:240px; margin:1rem auto;}
	.photo_show div.c .device .scroll{ width:85%;}
	.photo_show div.f dd{ font-size:20px; margin:10px 0px;}
	.photo_show div.f dl{ font-size:14px; line-height:25px;}
	
	.ypt div.fr div.t{ font-size:20px;}
	.ypt div.fr ul.nav li{ font-size:14px; height:30px; line-height:30px;}
	.ypt div.fr div.tab{ padding:1.5rem 0px;}
	.ypt div.fr div.tab div.c{ font-size:14px; line-height:25px;}
	ul.news_show li.t{ font-size:1.5rem;}
	ul.news_show li.n{ font-size:0.75rem;}
	ul.news_show li.f{ font-size:14px; line-height:25px;}
	.f14{ padding:1rem 0px;}
	.f14 dl{ font-size:14px; line-height:25px;}
	
	.news_list li a .bg img{ display:none;} 
	.news_list li a .bg div{ width:100%;}
	.news_list li a .bg div dd{ font-size:20px; margin-bottom:8px;}
	.news_list li a .bg div dl{ font-size:14px; line-height:25px;}
	
	.page_con .page_bg div.f{ margin-top:20px;}
	
	
	
}